<script setup>
import {ref} from 'vue'
//用户名
const username = ref('rose')
//用户登陆的标识
const isLogin = ref(true)
//分数
const score = ref(68.9)
//标识是否显示
const flag = ref(true)//默认显示
</script>

<template>
    <div v-if="!isLogin">欢迎您:{{username}}</div>
    <div v-else>欢迎您，游客，请登录</div>
<!--多重if分支  -->
  <div>分数等级</div>
  <div v-if="score>=86">优秀</div>
  <div v-else-if="score>=75">良好</div>
  <div v-else-if="score>=60">合格</div>
  <div v-else>不及格</div>
  <div v-if="!flag">显示的内容1</div>
  <div v-show="!flag">显示的内容2</div>
</template>

<style scoped>

</style>